<script language="javascript">
	jQuery(document).ready(function(){
		jQuery("#mycarousel").jCarouselLite({
			btnNext: ".next",
			btnPrev: ".prev",
			visible : {{if $product.images|@count >=6}}6{{else}}{{$product.images|@count}}{{/if}},
			scroll: 1,
			speed : 200
		});						
	});	
</script>

<div class="w700 float_left">
        <div class="bg_tt1">
          <p class="tt p5t float_left">{{$product.category_name}}</p>
        </div>
        <div class="box_texkhkt p15t p11r p15b" style="min-height:660px;"><a class="full_image" href="{{$BASE_URL}}{{$product.full_main_image}}"><img src="{{$BASE_URL}}{{$product.main_image}}" width="239" align="left" /></a> 
          <p class="tt p5b">{{$product.title}}</p>
          {{if null != $product.sale_off}}
          <p>{{l}}Sale off{{/l}} <span class="color_yellow">{{$product.sale_off}}</span> {{l}}from{{/l}} <span class="color_yellow">{{$product.sale_off_start_date}}</span> {{l}}to{{/l}} <span class="color_yellow">{{$product.sale_off_end_date}}</span></p>
          {{/if}}
          <br />
          <p>
          	{{$product.intro_text}}
          	<br />
          </p>
          <p>
          	{{$product.full_text}}
          </p>
        </div>
        <p class="bt_back float_right"><span class="more"><a href="javascript:history.back();">{{l}}Back{{/l}}</a></span></p>
        <div class="bg_tt1_1">
          <p class="tt p5t float_left">{{l}}Images{{/l}}</p>
        </div>
        <div class="p11t p10b">
          <div class="icon_click float_left"><a href="javascript:;" class="next"><img src="{{$LAYOUT_HELPER_URL}}front/images/bulet_left.png" /></a></div>
          <div class="pic_lineshow float_left" id="mycarousel">
            <ul>
            	{{foreach from=$product.images item=item}}
		              <li><a class="full_image" rel="group" href="{{$BASE_URL}}{{$item.full_image}}"><img src="{{$BASE_URL}}{{$item.thumbnail}}" width="102" height="80"/></a> </li>
              	{{/foreach}}
            </ul>
          </div>
          <div class="icon_click float_right"><a href="javascript:;" class="prev"><img src="{{$LAYOUT_HELPER_URL}}front/images/bulet_right.png"/></a></div>
          <div class="cb"></div>
        </div>
      </div>